<template>
  <router-view />
</template>

<script lang="ts">
import {reactive, toRefs, watch} from 'vue';
export default {
  setup () {
    const data = reactive({
      girls: '',
      girlList: ['11111', '22222', '33333'],
      handleClick: (name: string) => {
        data.girls = name
      }
    })
    const datas = toRefs(data)
    // const girls = ref('1')
    // const girlList = ref(['11111', '22222', '33333'])
    // const handleClick = ref((name: string) => {
    //   girls.value = name
    // })

    watch(datas.girls, (newValue, oldValue) =>{
      console.log(newValue)
      console.log(oldValue)
    })
    return {
      ...datas
      // girls,
      // girlList,
      // handleClick
    }
  }
}
</script>

<style>
</style>
